$primary: #01a0ff!default;
$white: #ffffff!default;
$second-text: #999!default;
$background: #f8f8f8!default;
$red: #ed4622!default;

@function second($i){
    @return $i * 0.5s
}
@mixin word($i) {
    .word#{$i}{
        opacity: 0;
        animation: word 1s forwards second($i);
    }
};
@for $i from 1 through 7 {
    @include word($i);
}


.congratulation{
    .hope{
        text-align: center;
        margin-top: 300px;
        font-size: 80px;
        font-weight: bold;
        color:$primary;
    }   
}
@keyframes word {
    0%{
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
